I created a custom component library using Vue 3, and after installing it locally thru yarn and registering the components, I kept getting the following error in the browser devtools when using the components in the template:
Uncaught TypeError: Cannot read properties of null (reading 'isCE')
Upon researching the issue, it became apparent that the Vue community's proposed solution isn't working. I'm running the same Vue 3 version on both projects. I followed the steps to create and modify vue.config.js to alias Vue and disable symlinks, but to no avail.
module.exports = {
chainWebpack(config) {
config.resolve.symlinks(false);
config.resolve.alias.set("vue", path.resolve("./node_modules/vue"));
},
};I followed the rabbit hole which only led to the same conclusions: either modifying vue.config.js worked, or no solution was found. The issue (mainly) seems to be with components with slots.
Try vite instead of vue-cli to create your custom lib. and keep your vue stay at devDependencies in Package.json
for me this solution solved it inside vite.config
resolve: {
alias: {
vue: path.resolve('./node_modules/vue'),
},
dedupe: ['vue'],
},